<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="mixinEdit_editTitle" width="94vw" :visible.sync="mixinEdit_editVisible"
    :before-close="hideBox" append-to-body @opened="opened" @closed="onCancel">
    <div class="main">
        <el-tabs type="border-card" class="tabsStyle" v-model="activeName" @tab-click="tabClick">
            <el-tab-pane name="userDetail">
                <div slot="label">会员详情</div>
                <userDetail v-if="activeName == 'userDetail'" :userId="userId"></userDetail>
            </el-tab-pane>
            <el-tab-pane name="orderDetail">
                <div slot="label">订单明细</div>
                <orderDetail v-if="activeName == 'orderDetail'" :userId="userId"></orderDetail>
            </el-tab-pane>
            <el-tab-pane name="assetDetail">
                <div slot="label">资产明细</div>
                <assetDetail v-if="activeName == 'assetDetail'" :userId="userId"></assetDetail>
            </el-tab-pane>
            <el-tab-pane name="balanceDetail">
                <div slot="label">余额明细</div>
                <balanceDetail v-if="activeName == 'balanceDetail'" :userId="userId"></balanceDetail>
            </el-tab-pane>
            <el-tab-pane name="earningsDetail">
                <div slot="label">收益明细</div>
                <earningsDetail v-if="activeName == 'earningsDetail'" :userId="userId"></earningsDetail>
            </el-tab-pane>
            <el-tab-pane name="couponDetail">
                <div slot="label">优惠券明细</div>
                <couponDetail v-if="activeName == 'couponDetail'" :userId="userId"></couponDetail>
            </el-tab-pane>
            <el-tab-pane name="address">
                <div slot="label">收货地址</div>
                <addressBox v-if="activeName == 'address'" :userId="userId"></addressBox>
            </el-tab-pane>
            <el-tab-pane name="relation">
                <div slot="label">关系链</div>
                <relationBox v-if="activeName == 'relation'" :userId="userId"></relationBox>
            </el-tab-pane>

        </el-tabs>
    </div>

</el-dialog>